<template>
  <div>
    <h1>【aty-loading-bar】 component demo</h1>
    <p>【aty-loading-bar】 本质 "无实例",掉全局方法</p>
    <aty-row>
      <aty-title :level="4">基础</aty-title>
      <aty-row>
        <aty-button @click="start">Start</aty-button>
        <aty-button @click="finish">Finish</aty-button>
        <aty-button @click="error">Error</aty-button>
      </aty-row>
    </aty-row>
  </div>
</template>
<script>
export default {
  methods: {
    start () {
      this.$LoadingBar.start()
    },
    finish () {
      this.$LoadingBar.finish()
    },
    error () {
      this.$LoadingBar.error()
    }
  }
}
</script>
